@charset "UTF-8";
/* 
    Document   : footer
    Created on : Jul 8, 2012, 11:14:08 AM
    Author     : jhonny
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*@import "http://learnlakenona.com/wp-content/themes/lakenona/inc/assets/styles/template.css";       */



body{ margin: 0; padding: 0; border: 0; outline: 0; font-weight:inherit; font-style:inherit; font-family:inherit; font-size: 100%; vertical-align: baseline; background: transparent; }

footer h4, footer p,footer ol,footer ul, footer li,footer article,footer{ 
    margin: 0; 
    padding: 0;
    border: 0; 
    outline: 0; 
    font-weight:inherit; 
    font-style:inherit; 
    font-family:inherit; 
    font-size: 100%; 
    vertical-align: baseline; 
    background: transparent; 
}

/* remember to define focus styles! */
footer :focus { outline:0;}


/* **************** TYPOGRAPHY LAYOUT ***************** */
footer   { font-size:small; font-size:62.5%; margin:0; padding:0; font-family:arial, helvetica, sans-serif; color:rgb(0,0,0); background:rgb(255,255,255);}

/* According to Many website study Best Ratio:
 line height (px) / body copy font size (px) = 1.48
 line length (px) / line height (px) = 27.8
 space between paragraphs (px) / line height (px) = 0.754
 general ranges characters per line is between 75 and 85 characters
 headings is a range between 18 and 29 pixels.
*/

/* ====== HEADER ELEMENTS ====== */ /* Best Ratio: Heading font size / Body copy font size = 1.96 */
footer h4     { font-size:1.9em;}
footer h4{ font-weight:300; line-height:1; color:rgb(102,102,102); }
footer h4 img{margin:0;}

/* ====== ELEMENTS ====== */
footer nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
footer img{display:block; font-size:0; vertical-align: middle; -ms-interpolation-mode: bicubic;}
footer ol li,footer  ul li{list-style:none;} 
/*ol        { list-style: decimal; }
  ul        { list-style: disc; }*/
 
esteinformado{    
    text-decoration:none; color:#65B7D1; outline:none; font-size: 1.1em; display: block;
}
/* ====== LINK ELEMENTS ====== */
footer a,footer  a:active { text-decoration:none; color:rgb(166,166,166); outline:none; font-weight:300; display: block;} /* ==CHANGE FOR PROJECT NEED== */
footer a:hover     { color:rgb(0,0,0); outline: none; text-decoration: none; -webkit-transition: color 0.5s linear; -moz-transition-property: color; -moz-transition-duration: 0.5s; -moz-transition-timing: linear; -o-transition-property: color; -o-transition-duration: 0.5s; -o-transition-timing: linear; }
footer a:link { -webkit-tap-highlight-color: rgb(255,94,153); } /* webkit-tap-highlight-color */

/* ====== HIGHLIGHT ELEMENTS ====== */
/* Selection declarations have to be separate. Current Color : hot pink! */
footer :-moz-selection { background: rgb(255,94,153); color: rgb(255,255,255); text-shadow: none; }
footer :selection { background: rgb(45,134,164); color: rgb(255,255,255); text-shadow: none; }

/* ====== MAIN ELEMENTS ====== */ /* Most popular fontsize for body is 13px by Smashing Mag */
 
footer li, footer li a
{ line-height:1.7em; font-size:1.4em; color:rgb(102,102,102); font-weight:300; } /* ==CHANGE FOR PROJECT NEED== */

footer h4 a{font-size: 1em;}


/* ====== FORM ELEMENTS ====== */

footer .Safari input { outline: none; }
footer .Safari textarea, 
footer .Chrome textarea { resize: none; } /* remove the scrollbar */




/* Footer */
/* line 352, sass/layout.sass */
footer {
  width: 100%;
  margin-top: 50px;
  background: #2d86a4 url("/images/main/footer-bg.jpg") repeat-x;
  height: auto;
  overflow: hidden;
  position: relative;
}
/* line 359, sass/layout.sass */
footer:after {
  content: " ";
  width: 100%;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("/images/main/footer-bottom-bg.jpg") repeat-x;
}
/* line 368, sass/layout.sass */
footer article {
  width: 940px;
  margin: 0 auto;
  height: auto;
}
/* line 373, sass/layout.sass */
footer article:nth-child(2) {
  height: auto;
  background: url("/images/main/footer-logo.png") no-repeat 770px 40px;
}
/* line 376, sass/layout.sass */
footer article:nth-child(2) nav:first-child {
  padding: 20px 0 0;
}
/* line 379, sass/layout.sass */
footer article#social-media {
  position: relative;
}
/* line 381, sass/layout.sass */
footer article#social-media ul {
  width: 200px;
  height: 57px;
}
/* line 384, sass/layout.sass */
footer article#social-media ul li {
  width: 40px;
  height: 60px;
  float: left;
}
/* line 388, sass/layout.sass */
footer article#social-media ul li a {
  width: 40px;
  height: 57px;
  display: block;
  text-indent: -9999em;
  background: url("/images/main/social-media.png") no-repeat;
}
/* line 394, sass/layout.sass */
footer article#social-media ul li:first-child a {
  background-position: 5px 0;
}
/* line 396, sass/layout.sass */
footer article#social-media ul li:first-child a:hover {
  background-position: 5px -57px;
}
/* line 399, sass/layout.sass */
footer article#social-media ul li:nth-child(2) a {
  background-position: -35px 0;
}
/* line 401, sass/layout.sass */
footer article#social-media ul li:nth-child(2) a:hover {
  background-position: -35px -57px;
}
/* line 404, sass/layout.sass */
footer article#social-media ul li:nth-child(3) a {
  background-position: -75px 0;
}
/* line 406, sass/layout.sass */
footer article#social-media ul li:nth-child(3) a:hover {
  background-position: -75px -57px;
}
/* line 409, sass/layout.sass */
footer article#social-media ul li:last-child a {
/*  background-position: -115px 0;*/
  background-position: -35px 0;
}
/* line 411, sass/layout.sass */
footer article#social-media ul li:last-child a:hover {
/*  background-position: -115px -57px;*/
  background-position: -35px -57px;
}
/* line 414, sass/layout.sass */
footer article > nav {
  width: 660px;
  min-height: 220px;
  height: auto;
  padding-top: 0;
  position: relative;
}
/* line 420, sass/layout.sass */
footer article > nav li.widerList {
  margin-left: -15px;
  margin-right: 5px;
}
/* line 423, sass/layout.sass */
footer article > nav > li {
  height: auto;
}
/* line 426, sass/layout.sass */
footer article > nav li {
  width: 160px;
  float: left;
  padding: 0;
  font-size: 1em;
}
/* line 432, sass/layout.sass */
footer article > nav li ul {
  width: 100%;
  height: auto;
  overflow: hidden;
}
/* line 436, sass/layout.sass */
footer article > nav li a {
  color: #65b7d1;
  font-size: 1.1em;
}
/* line 439, sass/layout.sass */
footer article > nav li a:hover {
  color: white;
}
/* line 441, sass/layout.sass */
footer article > nav h4:nth-child(3) {
  margin-top: 25px;
}
/* line 443, sass/layout.sass */
footer article > nav h4 {
  color: #65b7d1;
  font-family: times, "Times New Roman", Georgia, Serif;
}
/* line 446, sass/layout.sass */
footer article > nav h4 a {
  font-size: 1em;
}
/* line 448, sass/layout.sass */
footer article > nav:last-child {
  margin-right: 0;
}
/* line 451, sass/layout.sass */
footer article:last-child {
  height: 40px;
  position: relative;
  margin-top: 10px;
  z-index: 1;
}
/* line 456, sass/layout.sass */
footer article:last-child ul {
  width: 700px;
  height: 40px;
}
/* line 459, sass/layout.sass */
footer article:last-child ul li {
  width: auto;
  height: inherit;
  font-size: 1em;
  float: left;
}
/* line 464, sass/layout.sass */
footer article:last-child ul li a {
  width: auto;
  color: #65b7d1;
  height: inherit;
  font-size: 1.1em;
  line-height: 40px;
  padding-right: 10px;
}
/* line 471, sass/layout.sass */
footer article:last-child ul li a:after {
  margin-left: 10px;
  content: "|";
}
/* line 474, sass/layout.sass */
footer article:last-child ul li a:hover {
  color: white;
}
/* line 476, sass/layout.sass */
footer article:last-child ul li a:after {
  color: #65b7d1;
}
/* line 478, sass/layout.sass */
footer article:last-child ul li:last-child a:after {
  content: "";
}
/* line 481, sass/layout.sass */
footer article div {
  width: 280px;
  height: 40px;
  position: absolute;
  right: 20px;
  top: 0;
}
/* line 487, sass/layout.sass */
footer article div p {
  color: #65b7d1;
  font-size: 1.1em;
  line-height: 40px;
  width: 300px;
  text-align: right;
}
/* line 495, sass/layout.sass */
footer #searchform {
  width: 290px;
  height: 34px;
  position: absolute;
  top: 112px;
  right: -30px;
}
/* line 501, sass/layout.sass */
footer #searchform input {
  width: 237px;
  height: 34px;
  border: 0 none;
  padding: 0;
  margin: 0;
  padding-left: 10px;
  position: absolute;
  left: 0;
  color: #6d6d6d;
  font-style: italic;
  font-size: 13px;
  background: url("/images/main/footer-search.jpg") no-repeat 0 0;
}
/* line 515, sass/layout.sass */
footer #searchform button {
  width: 47px;
  height: 34px;
  position: absolute;
  top: 0;
  left: 235px;
  background: url("/images/main/footer-search.jpg") no-repeat -237px 0;
  border: 0 none;
}
/* line 523, sass/layout.sass */
footer #searchform button:hover {
  background-position: -237px -34px;
}

